<!DOCTYPE html>
<html>

<head>
    <title>Preview Display</title>
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link type="text/css" rel="stylesheet" href="menu/meun.css">
    <style>
        html,
        body {
            padding: 0px;
            margin: 0px;
        }

        body {
            background: #000 url(./assets/兴达八厂/背景兴达.jpg) no-repeat left top;
            background-size: 100%;
        }
    </style>
    <script src='../custom/libs/echarts.js'></script>
    <script src='../libs/core/ht.js'></script>
    <script src='../libs/plugin/ht-vector.js'></script>
    <script src='../conf/dateTime.js'></script>
    <script src='../libs/jquery-3.4.1.min.js'></script>
    <script src='../libs/message.js'></script>
    <script src="../conf/confURL.js"></script>
    <script>
        dataModel = new ht.DataModel();
        graphView = new ht.graph.GraphView(dataModel);
        var url = domain + "/HT_DATA_EIGHT.getGlobalStatistics.do"
        var H = [];
        var TH = [];
        var Chart = [];
        var seChart = [];
        var symbol = [];
        var sesymbol = [];
        var warn = [];
        var Twarn = [];
        var map = [];
        var all_1;
        var all_2;
        function init() {
            graphView.addToDOM();
            ht.Default.xhrLoad('displays/智慧兴达/兴达八厂/设备监控/device_earth.json', function (text) {
                var json = ht.Default.parse(text);
                if (json.title) document.title = json.title;
                dataModel.deserialize(json);
                graphView.fitContent(true);
                tag();
                getData1();
                getData2();
                getData3();
                getData4();
                getData5();
                getData6();
                getData7();
                getData8();
                getData9();
                var a =getData10().HT_EQ_ZZ_TREE
                cd = menu(a)
            });
            //页面时间刷新
            setInterval(function () {
                let dateTime = dataModel.getDataByTag("dateTime")
                let time = updateTime();
                dateTime.a('time', time);
            }, 1000);
        }
        //获取标签
        function tag() {
            all_1 = dataModel.getDataByTag('all_1');
            all_2 = dataModel.getDataByTag('all_2');
            for (let i = 1; i < 8; i++) {
                H.push(dataModel.getDataByTag("H" + i))
            }
            for (let i = 1; i < 8; i++) {
                TH.push(dataModel.getDataByTag("TH" + i))
            }
            for (let i = 1; i < 5; i++) {
                Chart.push(dataModel.getDataByTag("Chart" + i))
            }
            for (let i = 1; i < 5; i++) {
                seChart.push(dataModel.getDataByTag("seChart" + i))
            }
            for (let i = 1; i < 10; i++) {
                symbol.push(dataModel.getDataByTag("symbol" + i))
            }
            for (let i = 1; i < 10; i++) {
                sesymbol.push(dataModel.getDataByTag("sesymbol" + i))
            }
            for (let i = 1; i < 9; i++) {
                warn.push(dataModel.getDataByTag("warn" + i))
            }
            for (let i = 1; i < 9; i++) {
                Twarn.push(dataModel.getDataByTag("Twarn" + i))
            }
            for (let i = 1; i < 7; i++) {
                map.push(dataModel.getDataByTag("Map" + i))
            }
        }
        //设备维修情况接口
        function getData1() {
            function err1() {
                warn[0].s("2d.visible", true);
                Twarn[0].s("2d.visible", true);
                weixiu.s("2d.visible", false);
                weixiu1.s("2d.visible", false);
            }
            let weixiu = dataModel.getDataByTag("weixiu")
            let weixiu1 = dataModel.getDataByTag("weixiu1")
            var repData = {};
            $.ajax({
                type: "POST",
                url: url,
                data: { props: "HT_EQ_DQ_REPORT_EQWXQKTJ" },
                headers: request_headers,
                async: true,
                success: function (res) {
                    repData = JSON.parse(res);
                    if (repData._MSG_ === 'OK' && repData.visible == "true") {
                        warn[0].s("2d.visible", false);
                        Twarn[0].s("2d.visible", false);
                        weixiu.s("2d.visible", true);
                        weixiu1.s("2d.visible", true);
                        H[0].a("title", repData.totalTitle);
                        TH[0].a("title", repData.totalTitle);
                        symbol[0].a("title", repData.data.jiangsu.title);
                        symbol[0].a("title1", repData.data.jiangsu.title1);
                        symbol[0].a("title2", repData.data.jiangsu.title2);
                        symbol[0].a("number", repData.data.jiangsu.number);
                        symbol[0].a("number1", repData.data.jiangsu.number1);
                        symbol[0].a("number2", repData.data.jiangsu.number2);
                        symbol[1].a("title", repData.data.shandong.title);
                        symbol[1].a("title1", repData.data.shandong.title1);
                        symbol[1].a("title2", repData.data.shandong.title2);
                        symbol[1].a("number", repData.data.shandong.number);
                        symbol[1].a("number1", repData.data.shandong.number1);
                        symbol[1].a("number2", repData.data.shandong.number2);
                        symbol[2].a("title", repData.data.taiguo.title);
                        symbol[2].a("title1", repData.data.taiguo.title1);
                        symbol[2].a("title2", repData.data.taiguo.title2);
                        symbol[2].a("number", repData.data.taiguo.number);
                        symbol[2].a("number1", repData.data.taiguo.number1);
                        symbol[2].a("number2", repData.data.taiguo.number2);
                        sesymbol[0].a("title", repData.data.jiangsu.title);
                        sesymbol[0].a("title1", repData.data.jiangsu.title1);
                        sesymbol[0].a("title2", repData.data.jiangsu.title2);
                        sesymbol[0].a("number", repData.data.jiangsu.number);
                        sesymbol[0].a("number1", repData.data.jiangsu.number1);
                        sesymbol[0].a("number2", repData.data.jiangsu.number2);
                        sesymbol[1].a("title", repData.data.shandong.title);;
                        sesymbol[1].a("title1", repData.data.shandong.title1);
                        sesymbol[1].a("title2", repData.data.shandong.title2);
                        sesymbol[1].a("number", repData.data.shandong.number);
                        sesymbol[1].a("number1", repData.data.shandong.number1);
                        sesymbol[1].a("number2", repData.data.shandong.number2);
                        sesymbol[2].a("title", repData.data.taiguo.title);
                        sesymbol[2].a("title1", repData.data.taiguo.title1);
                        sesymbol[2].a("title2", repData.data.taiguo.title2);
                        sesymbol[2].a("number", repData.data.taiguo.number);
                        sesymbol[2].a("number1", repData.data.taiguo.number1);
                        sesymbol[2].a("number2", repData.data.taiguo.number2);
                    } else {
                        err1()
                    }
                },
                error: function (error) {
                    //console.log('err');
                    err1()
                }
            })
            return repData
        }
        //设备维护情况接口
        function getData2() {
            function err2() {
                warn[1].s("2d.visible", true);
                Twarn[1].s("2d.visible", true);
                weihu.s("2d.visible", false);
                weihu1.s("2d.visible", false);
            }
            let weihu = dataModel.getDataByTag("weihu");
            let weihu1 = dataModel.getDataByTag("weihu1");
            var repData = {};
            $.ajax({
                type: "POST",
                url: url,
                data: { props: "HT_EQ_DQ_REPORT_EQWHQKTJ" },
                headers: request_headers,
                async: true,
                success: function (res) {
                    repData = JSON.parse(res);
                    if (repData._MSG_ === 'OK' && repData.visible == "true") {
                        warn[1].s("2d.visible", false);
                        Twarn[1].s("2d.visible", false);
                        weihu.s("2d.visible", true);
                        weihu1.s("2d.visible", true);
                        H[1].a("title", repData.totalTitle);
                        TH[1].a("title", repData.totalTitle);
                        symbol[3].a("title", repData.data.jiangsu.title);
                        symbol[3].a("title1", repData.data.jiangsu.title1);
                        symbol[3].a("title2", repData.data.jiangsu.title2);
                        symbol[3].a("number", repData.data.jiangsu.number);
                        symbol[3].a("number1", repData.data.jiangsu.number1);
                        symbol[4].a("title", repData.data.shandong.title);
                        symbol[4].a("title1", repData.data.shandong.title1);
                        symbol[4].a("title2", repData.data.shandong.title2);
                        symbol[4].a("number", repData.data.shandong.number);
                        symbol[4].a("number1", repData.data.shandong.number1);
                        symbol[5].a("title", repData.data.taiguo.title);
                        symbol[5].a("title1", repData.data.taiguo.title1);
                        symbol[5].a("title2", repData.data.taiguo.title2);
                        symbol[5].a("number", repData.data.taiguo.number);
                        symbol[5].a("number1", repData.data.taiguo.number1);
                        sesymbol[3].a("title", repData.data.jiangsu.title);
                        sesymbol[3].a("title1", repData.data.jiangsu.title1);
                        sesymbol[3].a("title2", repData.data.jiangsu.title2);
                        sesymbol[3].a("number", repData.data.jiangsu.number);
                        sesymbol[3].a("number1", repData.data.jiangsu.number1);
                        sesymbol[4].a("title", repData.data.shandong.title);
                        sesymbol[4].a("title1", repData.data.shandong.title1);
                        sesymbol[4].a("title2", repData.data.shandong.title2);
                        sesymbol[4].a("number", repData.data.shandong.number);
                        sesymbol[4].a("number1", repData.data.shandong.number1);
                        sesymbol[5].a("title", repData.data.taiguo.title);
                        sesymbol[5].a("title1", repData.data.taiguo.title1);
                        sesymbol[5].a("title2", repData.data.taiguo.title2);
                        sesymbol[5].a("number", repData.data.taiguo.number);
                        sesymbol[5].a("number1", repData.data.taiguo.number1);
                    } else {
                        err2()
                    }
                },
                error: function (error) {
                    //console.log('err');
                    err2()
                }
            })
            return repData
        }
        //故障停台数接口
        function getData3() {
            function err3() {
                warn[2].s("2d.visible", true);
                Twarn[2].s("2d.visible", true);
                Chart[0].s("2d.visible", false);
                seChart[0].s("2d.visible", false);
            }
            var repData = {};
            $.ajax({
                type: "POST",
                url: url,
                data: { props: "HT_EQ_DQ_REPORT_GZTTSTJ" },
                headers: request_headers,
                async: true,
                success: function (res) {
                    repData = JSON.parse(res);
                    if (repData._MSG_ === 'OK' && repData.visible == "true") {
                        warn[2].s("2d.visible", false);
                        Twarn[2].s("2d.visible", false);
                        Chart[0].s("2d.visible", true);
                        seChart[0].s("2d.visible", true);
                        H[2].a("title", repData.totalTitle);
                        TH[2].a("title", repData.totalTitle);
                        Chart[0].a("xData", repData.data.Day);
                        Chart[0].a("data1", repData.data.Jiangsu);
                        Chart[0].a("data2", repData.data.shandong);
                        Chart[0].a("data3", repData.data.taiguo);
                        seChart[0].a("xData", repData.data.Day);;
                        seChart[0].a("data1", repData.data.Jiangsu);
                        seChart[0].a("data2", repData.data.shandong);
                        seChart[0].a("data3", repData.data.taiguo);
                    } else {
                        err3()
                    }
                },
                error: function (error) {
                    //console.log('err');
                    err3()
                }
            })
            return repData
        }
        //设备维修成本接口
        function getData4() {
            function err4() {
                warn[3].s("2d.visible", true);
                Twarn[3].s("2d.visible", true);
                cost.s("2d.visible", false);
                secost.s("2d.visible", false);
            }
            var circle = [];
            for (let i = 1; i < 11; i++) {
                circle.push(dataModel.getDataByTag("circle" + i))
            }
            var secircle = [];
            for (let i = 1; i < 11; i++) {
                secircle.push(dataModel.getDataByTag("secircle" + i))
            }
            let earth_Led1 = dataModel.getDataByTag("earth_Led1");
            let earth_Led2 = dataModel.getDataByTag("earth_Led2");
            let led_jidi = dataModel.getDataByTag("led_jidi");
            let text_cost = dataModel.getDataByTag("text_cost");
            let seearth_Led1 = dataModel.getDataByTag("seearth_Led1");
            let seearth_Led2 = dataModel.getDataByTag("seearth_Led2");
            let seled_jidi = dataModel.getDataByTag("seled_jidi");
            let setext_cost = dataModel.getDataByTag("setext_cost");
            let cost = dataModel.getDataByTag("cost");
            let secost = dataModel.getDataByTag("secost");
            var repData = {};
            $.ajax({
                type: "POST",
                url: url,
                data: { props: "HT_EQ_DQ_REPORT_EQWXCBTJ" },
                headers: request_headers,
                async: true,
                success: function (res) {
                    repData = JSON.parse(res);
                    if (repData._MSG_ === 'OK' && repData.visible == "true") {
                        warn[3].s("2d.visible", false);
                        Twarn[3].s("2d.visible", false);
                        cost.s("2d.visible", true);
                        secost.s("2d.visible", true);
                        led_jidi.a("number", repData.number);
                        text_cost.s("text", repData.title);
                        earth_Led1.a("Array", repData.data.leiji);
                        earth_Led2.a("Array", repData.data.yusuan);
                        seled_jidi.a("number", repData.number);
                        setext_cost.s("text", repData.title);
                        seearth_Led1.a("Array", repData.data.leiji);
                        seearth_Led2.a("Array", repData.data.yusuan);
                        for (let i = 0; i < repData.data.shiyong.length; i++) {
                            circle[i].a("progressPercentage", repData.data.shiyong[i]);
                            secircle[i].a("progressPercentage", repData.data.shiyong[i]);
                        }
                        H[3].s("text", repData.totalTitle);
                        TH[3].s("text", repData.totalTitle);
                    } else {
                        err4()
                    }
                },
                error: function (error) {
                    //console.log('err');
                    err4()
                }
            })
            return repData
        }
        //设备综合效率OEE接口   
        function getData5() {
            function err5() {
                warn[4].s("2d.visible", true);
                Twarn[4].s("2d.visible", true);
                Chart[1].s("2d.visible", false);
                seChart[1].s("2d.visible", false);
            }
            var repData = {};
            $.ajax({
                type: "POST",
                url: url,
                data: { props: "HT_EQ_DQ_REPORT_EQZHXLOEETJ" },
                headers: request_headers,
                async: true,
                success: function (res) {
                    repData = JSON.parse(res);
                    if (repData._MSG_ === 'OK' && repData.visible == "true") {
                        H[4].a("title", repData.totalTitle);
                        TH[4].a("title", repData.totalTitle);
                        warn[4].s("2d.visible", false);
                        Twarn[4].s("2d.visible", false);
                        Chart[1].s("2d.visible", true);
                        seChart[1].s("2d.visible", true);
                        Chart[1].a("xData", repData.data.Day);
                        Chart[1].a("data1", repData.data.jiangsu);
                        Chart[1].a("data2", repData.data.shandong);
                        Chart[1].a("data3", repData.data.taiguo);
                        seChart[1].a("xData", repData.data.Day);
                        seChart[1].a("data1", repData.data.jiangsu);
                        seChart[1].a("data2", repData.data.shandong);
                        seChart[1].a("data3", repData.data.taiguo);
                    } else {
                        err5()
                    }
                },
                error: function (error) {
                    //console.log('err');
                    err5()
                }
            })
            return repData
        }
        //设备故障率接口
        function getData6() {
            function err6() {
                warn[5].s("2d.visible", true);
                Twarn[5].s("2d.visible", true);
                Chart[2].s("2d.visible", false);
                seChart[2].s("2d.visible", false);
            }
            var repData = {};
            $.ajax({
                type: "POST",
                url: url,
                data: { props: "HT_EQ_DQ_REPORT_EQGZLTJ" },
                headers: request_headers,
                async: true,
                success: function (res) {
                    repData = JSON.parse(res);
                    if (repData._MSG_ === 'OK' && repData.visible == "true") {
                        warn[5].s("2d.visible", false);
                        Twarn[5].s("2d.visible", false);
                        Chart[2].s("2d.visible", true);
                        seChart[2].s("2d.visible", true);
                        Chart[2].a("xData", repData.data.Day);
                        Chart[2].a("data1", repData.data.jiangsu);
                        Chart[2].a("data2", repData.data.shandong);
                        Chart[2].a("data3", repData.data.taiguo);
                        seChart[2].a("xData", repData.data.Day);
                        seChart[2].a("data1", repData.data.jiangsu);
                        seChart[2].a("data2", repData.data.shandong);
                        seChart[2].a("data3", repData.data.taiguo);
                        H[5].a("title", repData.totalTitle);
                        TH[5].a("title", repData.totalTitle);
                    } else {
                        err6()
                    }
                },
                error: function (error) {
                    err6()
                }
            })
            return repData
        }
        //吨平报修接口
        function getData7() {
            function err7() {
                warn[6].s("2d.visible", true);
                Twarn[6].s("2d.visible", true);
                Chart[3].s("2d.visible", false);
                seChart[3].s("2d.visible", false);
            }
            var repData = {};
            $.ajax({
                type: "POST",
                url: url,
                data: { props: "HT_EQ_DQ_REPORT_DPNHTJ" },
                headers: request_headers,
                async: true,
                success: function (res) {
                    repData = JSON.parse(res);
                    if (repData._MSG_ === 'OK' && repData.visible == "true") {
                        H[6].a("title", repData.totalTitle);
                        TH[6].a("title", repData.totalTitle);
                        warn[6].s("2d.visible", false);
                        Twarn[6].s("2d.visible", false);
                        Chart[3].s("2d.visible", true);
                        seChart[3].s("2d.visible", true);
                        Chart[3].a("xData", repData.data.month);
                        Chart[3].a("data1", repData.data.jiangsu);
                        Chart[3].a("data2", repData.data.shandong);
                        Chart[3].a("data3", repData.data.taiguo);
                        Chart[3].a("data4", repData.data.jiangsuchanliang);
                        Chart[3].a("data5", repData.data.shandongchanliang);
                        Chart[3].a("data6", repData.data.taiguochanliang);
                        Chart[3].a("data7", repData.data.jiangsubaoxiucishu);
                        Chart[3].a("data8", repData.data.shandongbaoxiucishu);
                        Chart[3].a("data9", repData.data.taiguobaoxiucishu);
                        seChart[3].a("xData", repData.data.month);
                        seChart[3].a("data1", repData.data.jiangsu);
                        seChart[3].a("data2", repData.data.shandong);
                        seChart[3].a("data3", repData.data.taiguo);
                        seChart[3].a("data4", repData.data.jiangsuchanliang);
                        seChart[3].a("data5", repData.data.shandongchanliang);
                        seChart[3].a("data6", repData.data.taiguochanliang);
                        seChart[3].a("data7", repData.data.jiangsubaoxiucishu);
                        seChart[3].a("data8", repData.data.shandongbaoxiucishu);
                        seChart[3].a("data9", repData.data.taiguobaoxiucishu);
                    } else {
                        err7()
                    }
                },
                error: function (error) {
                    //console.log('err');
                    err7()
                }
            })
            return repData
        }
        //地图跳转地址 
        function getData8() {
            const shandong = dataModel.getDataByTag('shandong');
            const jiangsu = dataModel.getDataByTag('jiangsu');
            const taiguo = dataModel.getDataByTag('taiguo');
            var repData = {};
            $.ajax({
                type: "POST",
                url: url,
                data: { props: "HT_EQ_ZZ_MAP_LINK" },
                headers: request_headers,
                async: true,
                contentType: 'application/x-www-form-urlencoded',
                success: function (res) {
                    repData = JSON.parse(res);
                    if (repData._MSG_ === 'OK' && repData.HT_EQ_ZZ_MAP_LINK.visible == "true") {
                        jiangsu.s("label", repData.HT_EQ_ZZ_MAP_LINK.data);
                        shandong.s("label", repData.HT_EQ_ZZ_MAP_LINK.data);
                        taiguo.s("label", repData.HT_EQ_ZZ_MAP_LINK.data);
                        map[0].s("label", repData.HT_EQ_ZZ_MAP_LINK.data);
                        map[1].s("label", repData.HT_EQ_ZZ_MAP_LINK.data);
                        map[2].s("label", repData.HT_EQ_ZZ_MAP_LINK.data);
                        map[3].s("label", repData.HT_EQ_ZZ_MAP_LINK.data);
                        map[4].s("label", repData.HT_EQ_ZZ_MAP_LINK.data);
                        map[5].s("label", repData.HT_EQ_ZZ_MAP_LINK.data);
                    }
                },
                error: function (error) {
                }
            })
        }
        //各基地机床和开机数量数据
        function getData9() {
            function err9() {
                warn[7].s("2d.visible", true);
                Twarn[7].s("2d.visible", true);
                Number.s("2d.visible", false);
                seNumber.s("2d.visible", false);
            }
            const Number = dataModel.getDataByTag("Number")
            const seNumber = dataModel.getDataByTag("seNumber")
            var repData = {};
            $.ajax({
                type: "POST",
                url: url,
                data: { props: "HT_EQ_DQ_REPORT_GJDJCKJSTJ" },
                headers: request_headers,
                async: true,
                contentType: 'application/x-www-form-urlencoded',
                success: function (res) {
                    repData = JSON.parse(res);
                    if (repData._MSG_ === 'OK' && repData.visible == "true") {
                        warn[7].s("2d.visible", false);
                        Twarn[7].s("2d.visible", false);
                        Number.s("2d.visible", true);
                        seNumber.s("2d.visible", true);
                        symbol[6].a("title", repData.data.jiangsu.title);
                        symbol[6].a("title1", repData.data.jiangsu.title1);
                        symbol[6].a("title2", repData.data.jiangsu.title2);
                        symbol[6].a("number", repData.data.jiangsu.number);
                        symbol[6].a("number1", repData.data.jiangsu.number1);
                        symbol[7].a("title", repData.data.shandong.title);
                        symbol[7].a("title1", repData.data.shandong.title1);
                        symbol[7].a("title2", repData.data.shandong.title2);
                        symbol[7].a("number", repData.data.shandong.number);
                        symbol[7].a("number1", repData.data.shandong.number1);
                        symbol[8].a("title", repData.data.taiguo.title);
                        symbol[8].a("title1", repData.data.taiguo.title1);
                        symbol[8].a("title2", repData.data.taiguo.title2);
                        symbol[8].a("number", repData.data.taiguo.number);
                        symbol[8].a("number1", repData.data.taiguo.number1);
                        sesymbol[6].a("title", repData.data.jiangsu.title);
                        sesymbol[6].a("title1", repData.data.jiangsu.title1);
                        sesymbol[6].a("title2", repData.data.jiangsu.title2);
                        sesymbol[6].a("number", repData.data.jiangsu.number);
                        sesymbol[6].a("number1", repData.data.jiangsu.number1);
                        sesymbol[7].a("title", repData.data.shandong.title);
                        sesymbol[7].a("title1", repData.data.shandong.title1);
                        sesymbol[7].a("title2", repData.data.shandong.title2);
                        sesymbol[7].a("number", repData.data.shandong.number);
                        sesymbol[7].a("number1", repData.data.shandong.number1);
                        sesymbol[8].a("title", repData.data.taiguo.title);
                        sesymbol[8].a("title1", repData.data.taiguo.title1);
                        sesymbol[8].a("title2", repData.data.taiguo.title2);
                        sesymbol[8].a("number", repData.data.taiguo.number);
                        sesymbol[8].a("number1", repData.data.taiguo.number1);
                    } else {
                        err9()
                    }
                },
                error: function (error) {
                    // console.log('err');
                    err9()
                }
            })
        }
        //菜单树接口
        function getData10() {
            var repData = {};
            $.ajax({
                type: "POST",
                url: url,
                data: { props: "HT_EQ_ZZ_TREE" },
                headers: request_headers,
                async: false,
                contentType: 'application/x-www-form-urlencoded',
                success: function (res) {
                    repData = JSON.parse(res, handleJson);
                    if (repData._MSG_ === 'OK' && repData.visible == true) {
                        document.getElementById("node").style.display = "block"
                    } else {
                        document.getElementById("node").style.display = "none"
                    }
                },
                error: function (error) {
                    console.log('err');
                    document.getElementById("node").style.display = "none"
                }
            })
            return repData
        }
    </script>
</head>

<body onload='setTimeout(init, 300)'>
    <div id="ct">
        <div id="abc" style="display:none;height: 100%; width:95%">
            <div id="app"
                style="background:url(menu/tree3.png) no-repeat; background-size:100% 100%;position: absolute;z-index:20; width: 11%; height:85%;top:10.5%;overflow: hidden;">
                <span id="total" style="font-size:18px";>兴达公司</span>
                <img class="lin" src="menu/line.png">
                </br></br></br></br>
            </div>
        </div>
        <div id="node"
            style="left:0px;display:block;background-color:rgba(red, green, blue, 0);position:absolute;width: 33px;height: 650px;top: 80px;z-index: 100;">
        </div>
    </div>
</body>

</html>